const webpack = require('webpack')
const path = require('path')
module.exports = {
 //打包不生产sourcemap文件
 productionSourceMap: false,
 //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
 assetsDir: 'static',
 devServer: {
  contentBase: path.join(__dirname, 'dist'),
  compress: true,
  port: 8080,
 },
 // 新增内容
 // css: {
 //  loaderOptions: {
 //   less: {
 //    javascriptEnabled: true,
 //   },
 //   postcss: {
 //    plugins: [
 //     require('postcss-plugin-px2rem')({
 //      rootValue: 54, // 换算基数，默认100，自行根据效果调整。
 //      mediaQuery: false, // （布尔值）允许在媒体查询中转换px。
 //      minPixelValue: 1, // 设置要替换的最小像素值默认0，这里表示大于3px会被转rem。
 //     }),
 //    ],
 //   },
 //  },
 // },
 // chainWebpack: config => {
 //  const cssRule = config.module.rule('css')
 //  cssRule
 //   .test(/\.css$/)
 //   .oneOf('vue')
 //   .resourceQuery(/\?vue/)
 //   .use('px2rem')
 //   .loader('px2rem-loader')
 //   .options({
 //    remUnit: 54
 //   })
 // },
 configureWebpack: {
  resolve: {
   alias: {
    assets: '@/assets',
    components: '@/components',
    views: '@/views',
    api: '@/api',
   },
  },
  plugins: [
   new webpack.ProvidePlugin({
    _: 'lodash',
    moment: 'moment',
   }),
  ],
 },

}

